<template>
	<view>
        <jk-ranking-list
            :table-header="tableHeader"
            :table-data="chartData"
        ></jk-ranking-list>
	</view>
</template>

<script>
    import jkRankingList from './jk-ranking-list';
    export default {
        name: 'MachineEfficiencyRanking', // 机台效率排行
        mixins: [],
        components: {
            jkRankingList
        },
        props: {
            chartData: {
                type: Array,
                default() {
                    return [];
                }
            }
        },
        data() {
            return {
                tableHeader: [
                    { type: 'seq', title: '排名', width: '60px', align: 'center' },
                    { key: 'machineCode', title: '机台', width: '', align: 'left' },
                    { key: 'runningEfficiency', title: '效率', width: '', align: 'left' },
                ],
            };
        },
        methods: {
            setCellAlign(headerItem) {
                let str = headerItem.align === 'center' ? 'center' : headerItem.align === 'right' ? 'flex-end' : 'flex-start';
                return str;
            },
        },
        mounted() {
        },
        watch: {

        }
    };
</script>

<style scoped lang="scss">
</style>
